<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>icon example</title>
    <link rel="stylesheet" href="./page.css">
    <link rel="stylesheet" href="./icon.css">
</head>
<body>
    <div class="main">
        <h1>FontAwesome example</h1>
        <ul class="iconfont-list">
            
            <li>
            <i class="icon icon-space"></i>
                <div class="code">\20</div>
                <div class="name">space</div>
            </li>
            
            <li>
            <i class="icon icon-uni00A0"></i>
                <div class="code">\a0,\ca</div>
                <div class="name">uni00A0</div>
            </li>
            
            <li>
            <i class="icon icon-dieresis"></i>
                <div class="code">\a8,\ac</div>
                <div class="name">dieresis</div>
            </li>
            
            <li>
            <i class="icon icon-copyright"></i>
                <div class="code">\a9</div>
                <div class="name">copyright</div>
            </li>
            
            <li>
            <i class="icon icon-registered"></i>
                <div class="code">\ae</div>
                <div class="name">registered</div>
            </li>
            
            <li>
            <i class="icon icon-acute"></i>
                <div class="code">\ab,\b4</div>
                <div class="name">acute</div>
            </li>
            
            <li>
            <i class="icon icon-AE"></i>
                <div class="code">\c6</div>
                <div class="name">AE</div>
            </li>
            
            <li>
            <i class="icon icon-Oslash"></i>
                <div class="code">\af,\d8</div>
                <div class="name">Oslash</div>
            </li>
            
            <li>
            <i class="icon icon-uni2000"></i>
                <div class="code">\2000</div>
                <div class="name">uni2000</div>
            </li>
            
            <li>
            <i class="icon icon-uni2001"></i>
                <div class="code">\2001</div>
                <div class="name">uni2001</div>
            </li>
            
            <li>
            <i class="icon icon-uni2002"></i>
                <div class="code">\2002</div>
                <div class="name">uni2002</div>
            </li>
            
            <li>
            <i class="icon icon-uni2003"></i>
                <div class="code">\2003</div>
                <div class="name">uni2003</div>
            </li>
            
            <li>
            <i class="icon icon-uni2004"></i>
                <div class="code">\2004</div>
                <div class="name">uni2004</div>
            </li>
            
            <li>
            <i class="icon icon-uni2005"></i>
                <div class="code">\2005</div>
                <div class="name">uni2005</div>
            </li>
            
            <li>
            <i class="icon icon-uni2006"></i>
                <div class="code">\2006</div>
                <div class="name">uni2006</div>
            </li>
            
            <li>
            <i class="icon icon-uni2007"></i>
                <div class="code">\2007</div>
                <div class="name">uni2007</div>
            </li>
            
            <li>
            <i class="icon icon-uni2008"></i>
                <div class="code">\2008</div>
                <div class="name">uni2008</div>
            </li>
            
            <li>
            <i class="icon icon-uni2009"></i>
                <div class="code">\2009</div>
                <div class="name">uni2009</div>
            </li>
            
            <li>
            <i class="icon icon-uni200A"></i>
                <div class="code">\200a</div>
                <div class="name">uni200A</div>
            </li>
            
            <li>
            <i class="icon icon-uni202F"></i>
                <div class="code">\202f</div>
                <div class="name">uni202F</div>
            </li>
            
            <li>
            <i class="icon icon-uni205F"></i>
                <div class="code">\205f</div>
                <div class="name">uni205F</div>
            </li>
            
            <li>
            <i class="icon icon-trademark"></i>
                <div class="code">\aa,\2122</div>
                <div class="name">trademark</div>
            </li>
            
            <li>
            <i class="icon icon-infinity"></i>
                <div class="code">\b0,\221e</div>
                <div class="name">infinity</div>
            </li>
            
            <li>
            <i class="icon icon-notequal"></i>
                <div class="code">\ad,\2260</div>
                <div class="name">notequal</div>
            </li>
            
            <li>
            <i class="icon icon-uni25FC"></i>
                <div class="code">\25fc</div>
                <div class="name">uni25FC</div>
            </li>
            
            <li>
            <i class="icon icon-glass"></i>
                <div class="code">\f000</div>
                <div class="name">glass</div>
            </li>
            
            <li>
            <i class="icon icon-music"></i>
                <div class="code">\f001</div>
                <div class="name">music</div>
            </li>
            
            <li>
            <i class="icon icon-search"></i>
                <div class="code">\f002</div>
                <div class="name">search</div>
            </li>
            
            <li>
            <i class="icon icon-envelope"></i>
                <div class="code">\f003</div>
                <div class="name">envelope</div>
            </li>
            
            <li>
            <i class="icon icon-heart"></i>
                <div class="code">\f004</div>
                <div class="name">heart</div>
            </li>
            
            <li>
            <i class="icon icon-star"></i>
                <div class="code">\f005</div>
                <div class="name">star</div>
            </li>
            
            <li>
            <i class="icon icon-star_empty"></i>
                <div class="code">\f006</div>
                <div class="name">star_empty</div>
            </li>
            
            <li>
            <i class="icon icon-user"></i>
                <div class="code">\f007</div>
                <div class="name">user</div>
            </li>
            
            <li>
            <i class="icon icon-film"></i>
                <div class="code">\f008</div>
                <div class="name">film</div>
            </li>
            
            <li>
            <i class="icon icon-th_large"></i>
                <div class="code">\f009</div>
                <div class="name">th_large</div>
            </li>
            
            <li>
            <i class="icon icon-th"></i>
                <div class="code">\f00a</div>
                <div class="name">th</div>
            </li>
            
            <li>
            <i class="icon icon-th_list"></i>
                <div class="code">\f00b</div>
                <div class="name">th_list</div>
            </li>
            
            <li>
            <i class="icon icon-ok"></i>
                <div class="code">\f00c</div>
                <div class="name">ok</div>
            </li>
            
            <li>
            <i class="icon icon-remove"></i>
                <div class="code">\f00d</div>
                <div class="name">remove</div>
            </li>
            
            <li>
            <i class="icon icon-zoom_in"></i>
                <div class="code">\f00e</div>
                <div class="name">zoom_in</div>
            </li>
            
            <li>
            <i class="icon icon-zoom_out"></i>
                <div class="code">\f010</div>
                <div class="name">zoom_out</div>
            </li>
            
            <li>
            <i class="icon icon-off"></i>
                <div class="code">\f011</div>
                <div class="name">off</div>
            </li>
            
            <li>
            <i class="icon icon-signal"></i>
                <div class="code">\f012</div>
                <div class="name">signal</div>
            </li>
            
            <li>
            <i class="icon icon-cog"></i>
                <div class="code">\f013</div>
                <div class="name">cog</div>
            </li>
            
            <li>
            <i class="icon icon-trash"></i>
                <div class="code">\f014</div>
                <div class="name">trash</div>
            </li>
            
            <li>
            <i class="icon icon-home"></i>
                <div class="code">\f015</div>
                <div class="name">home</div>
            </li>
            
            <li>
            <i class="icon icon-file_alt"></i>
                <div class="code">\f016</div>
                <div class="name">file_alt</div>
            </li>
            
            <li>
            <i class="icon icon-time"></i>
                <div class="code">\f017</div>
                <div class="name">time</div>
            </li>
            
            <li>
            <i class="icon icon-road"></i>
                <div class="code">\f018</div>
                <div class="name">road</div>
            </li>
            
            <li>
            <i class="icon icon-download_alt"></i>
                <div class="code">\f019</div>
                <div class="name">download_alt</div>
            </li>
            
            <li>
            <i class="icon icon-download"></i>
                <div class="code">\f01a</div>
                <div class="name">download</div>
            </li>
            
            <li>
            <i class="icon icon-upload"></i>
                <div class="code">\f01b</div>
                <div class="name">upload</div>
            </li>
            
            <li>
            <i class="icon icon-inbox"></i>
                <div class="code">\f01c</div>
                <div class="name">inbox</div>
            </li>
            
            <li>
            <i class="icon icon-play_circle"></i>
                <div class="code">\f01d</div>
                <div class="name">play_circle</div>
            </li>
            
            <li>
            <i class="icon icon-repeat"></i>
                <div class="code">\f01e</div>
                <div class="name">repeat</div>
            </li>
            
            <li>
            <i class="icon icon-refresh"></i>
                <div class="code">\f021</div>
                <div class="name">refresh</div>
            </li>
            
            <li>
            <i class="icon icon-list_alt"></i>
                <div class="code">\f022</div>
                <div class="name">list_alt</div>
            </li>
            
            <li>
            <i class="icon icon-lock"></i>
                <div class="code">\f023</div>
                <div class="name">lock</div>
            </li>
            
            <li>
            <i class="icon icon-flag"></i>
                <div class="code">\f024</div>
                <div class="name">flag</div>
            </li>
            
            <li>
            <i class="icon icon-headphones"></i>
                <div class="code">\f025</div>
                <div class="name">headphones</div>
            </li>
            
            <li>
            <i class="icon icon-volume_off"></i>
                <div class="code">\f026</div>
                <div class="name">volume_off</div>
            </li>
            
            <li>
            <i class="icon icon-volume_down"></i>
                <div class="code">\f027</div>
                <div class="name">volume_down</div>
            </li>
            
            <li>
            <i class="icon icon-volume_up"></i>
                <div class="code">\f028</div>
                <div class="name">volume_up</div>
            </li>
            
            <li>
            <i class="icon icon-qrcode"></i>
                <div class="code">\f029</div>
                <div class="name">qrcode</div>
            </li>
            
            <li>
            <i class="icon icon-barcode"></i>
                <div class="code">\f02a</div>
                <div class="name">barcode</div>
            </li>
            
            <li>
            <i class="icon icon-tag"></i>
                <div class="code">\f02b</div>
                <div class="name">tag</div>
            </li>
            
            <li>
            <i class="icon icon-tags"></i>
                <div class="code">\f02c</div>
                <div class="name">tags</div>
            </li>
            
            <li>
            <i class="icon icon-book"></i>
                <div class="code">\f02d</div>
                <div class="name">book</div>
            </li>
            
            <li>
            <i class="icon icon-bookmark"></i>
                <div class="code">\f02e</div>
                <div class="name">bookmark</div>
            </li>
            
            <li>
            <i class="icon icon-print"></i>
                <div class="code">\f02f</div>
                <div class="name">print</div>
            </li>
            
            <li>
            <i class="icon icon-camera"></i>
                <div class="code">\f030</div>
                <div class="name">camera</div>
            </li>
            
            <li>
            <i class="icon icon-font"></i>
                <div class="code">\f031</div>
                <div class="name">font</div>
            </li>
            
            <li>
            <i class="icon icon-bold"></i>
                <div class="code">\f032</div>
                <div class="name">bold</div>
            </li>
            
            <li>
            <i class="icon icon-italic"></i>
                <div class="code">\f033</div>
                <div class="name">italic</div>
            </li>
            
            <li>
            <i class="icon icon-text_height"></i>
                <div class="code">\f034</div>
                <div class="name">text_height</div>
            </li>
            
            <li>
            <i class="icon icon-text_width"></i>
                <div class="code">\f035</div>
                <div class="name">text_width</div>
            </li>
            
            <li>
            <i class="icon icon-align_left"></i>
                <div class="code">\f036</div>
                <div class="name">align_left</div>
            </li>
            
            <li>
            <i class="icon icon-align_center"></i>
                <div class="code">\f037</div>
                <div class="name">align_center</div>
            </li>
            
            <li>
            <i class="icon icon-align_right"></i>
                <div class="code">\f038</div>
                <div class="name">align_right</div>
            </li>
            
            <li>
            <i class="icon icon-align_justify"></i>
                <div class="code">\f039</div>
                <div class="name">align_justify</div>
            </li>
            
            <li>
            <i class="icon icon-list"></i>
                <div class="code">\f03a</div>
                <div class="name">list</div>
            </li>
            
            <li>
            <i class="icon icon-indent_left"></i>
                <div class="code">\f03b</div>
                <div class="name">indent_left</div>
            </li>
            
            <li>
            <i class="icon icon-indent_right"></i>
                <div class="code">\f03c</div>
                <div class="name">indent_right</div>
            </li>
            
            <li>
            <i class="icon icon-facetime_video"></i>
                <div class="code">\f03d</div>
                <div class="name">facetime_video</div>
            </li>
            
            <li>
            <i class="icon icon-picture"></i>
                <div class="code">\f03e</div>
                <div class="name">picture</div>
            </li>
            
            <li>
            <i class="icon icon-pencil"></i>
                <div class="code">\f040</div>
                <div class="name">pencil</div>
            </li>
            
            <li>
            <i class="icon icon-map_marker"></i>
                <div class="code">\f041</div>
                <div class="name">map_marker</div>
            </li>
            
            <li>
            <i class="icon icon-adjust"></i>
                <div class="code">\f042</div>
                <div class="name">adjust</div>
            </li>
            
            <li>
            <i class="icon icon-tint"></i>
                <div class="code">\f043</div>
                <div class="name">tint</div>
            </li>
            
            <li>
            <i class="icon icon-edit"></i>
                <div class="code">\f044</div>
                <div class="name">edit</div>
            </li>
            
            <li>
            <i class="icon icon-share"></i>
                <div class="code">\f045</div>
                <div class="name">share</div>
            </li>
            
            <li>
            <i class="icon icon-check"></i>
                <div class="code">\f046</div>
                <div class="name">check</div>
            </li>
            
            <li>
            <i class="icon icon-move"></i>
                <div class="code">\f047</div>
                <div class="name">move</div>
            </li>
            
            <li>
            <i class="icon icon-step_backward"></i>
                <div class="code">\f048</div>
                <div class="name">step_backward</div>
            </li>
            
            <li>
            <i class="icon icon-fast_backward"></i>
                <div class="code">\f049</div>
                <div class="name">fast_backward</div>
            </li>
            
            <li>
            <i class="icon icon-backward"></i>
                <div class="code">\f04a</div>
                <div class="name">backward</div>
            </li>
            
            <li>
            <i class="icon icon-play"></i>
                <div class="code">\f04b</div>
                <div class="name">play</div>
            </li>
            
            <li>
            <i class="icon icon-pause"></i>
                <div class="code">\f04c</div>
                <div class="name">pause</div>
            </li>
            
            <li>
            <i class="icon icon-stop"></i>
                <div class="code">\f04d</div>
                <div class="name">stop</div>
            </li>
            
            <li>
            <i class="icon icon-forward"></i>
                <div class="code">\f04e</div>
                <div class="name">forward</div>
            </li>
            
            <li>
            <i class="icon icon-fast_forward"></i>
                <div class="code">\f050</div>
                <div class="name">fast_forward</div>
            </li>
            
            <li>
            <i class="icon icon-step_forward"></i>
                <div class="code">\f051</div>
                <div class="name">step_forward</div>
            </li>
            
            <li>
            <i class="icon icon-eject"></i>
                <div class="code">\f052</div>
                <div class="name">eject</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_left"></i>
                <div class="code">\f053</div>
                <div class="name">chevron_left</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_right"></i>
                <div class="code">\f054</div>
                <div class="name">chevron_right</div>
            </li>
            
            <li>
            <i class="icon icon-plus_sign"></i>
                <div class="code">\f055</div>
                <div class="name">plus_sign</div>
            </li>
            
            <li>
            <i class="icon icon-minus_sign"></i>
                <div class="code">\f056</div>
                <div class="name">minus_sign</div>
            </li>
            
            <li>
            <i class="icon icon-remove_sign"></i>
                <div class="code">\f057</div>
                <div class="name">remove_sign</div>
            </li>
            
            <li>
            <i class="icon icon-ok_sign"></i>
                <div class="code">\f058</div>
                <div class="name">ok_sign</div>
            </li>
            
            <li>
            <i class="icon icon-question_sign"></i>
                <div class="code">\f059</div>
                <div class="name">question_sign</div>
            </li>
            
            <li>
            <i class="icon icon-info_sign"></i>
                <div class="code">\f05a</div>
                <div class="name">info_sign</div>
            </li>
            
            <li>
            <i class="icon icon-screenshot"></i>
                <div class="code">\f05b</div>
                <div class="name">screenshot</div>
            </li>
            
            <li>
            <i class="icon icon-remove_circle"></i>
                <div class="code">\f05c</div>
                <div class="name">remove_circle</div>
            </li>
            
            <li>
            <i class="icon icon-ok_circle"></i>
                <div class="code">\f05d</div>
                <div class="name">ok_circle</div>
            </li>
            
            <li>
            <i class="icon icon-ban_circle"></i>
                <div class="code">\f05e</div>
                <div class="name">ban_circle</div>
            </li>
            
            <li>
            <i class="icon icon-arrow_left"></i>
                <div class="code">\f060</div>
                <div class="name">arrow_left</div>
            </li>
            
            <li>
            <i class="icon icon-arrow_right"></i>
                <div class="code">\f061</div>
                <div class="name">arrow_right</div>
            </li>
            
            <li>
            <i class="icon icon-arrow_up"></i>
                <div class="code">\f062</div>
                <div class="name">arrow_up</div>
            </li>
            
            <li>
            <i class="icon icon-arrow_down"></i>
                <div class="code">\f063</div>
                <div class="name">arrow_down</div>
            </li>
            
            <li>
            <i class="icon icon-share_alt"></i>
                <div class="code">\f064</div>
                <div class="name">share_alt</div>
            </li>
            
            <li>
            <i class="icon icon-resize_full"></i>
                <div class="code">\f065</div>
                <div class="name">resize_full</div>
            </li>
            
            <li>
            <i class="icon icon-resize_small"></i>
                <div class="code">\f066</div>
                <div class="name">resize_small</div>
            </li>
            
            <li>
            <i class="icon icon-plus"></i>
                <div class="code">\f067</div>
                <div class="name">plus</div>
            </li>
            
            <li>
            <i class="icon icon-minus"></i>
                <div class="code">\f068</div>
                <div class="name">minus</div>
            </li>
            
            <li>
            <i class="icon icon-asterisk"></i>
                <div class="code">\f069</div>
                <div class="name">asterisk</div>
            </li>
            
            <li>
            <i class="icon icon-exclamation_sign"></i>
                <div class="code">\f06a</div>
                <div class="name">exclamation_sign</div>
            </li>
            
            <li>
            <i class="icon icon-gift"></i>
                <div class="code">\f06b</div>
                <div class="name">gift</div>
            </li>
            
            <li>
            <i class="icon icon-leaf"></i>
                <div class="code">\f06c</div>
                <div class="name">leaf</div>
            </li>
            
            <li>
            <i class="icon icon-fire"></i>
                <div class="code">\f06d</div>
                <div class="name">fire</div>
            </li>
            
            <li>
            <i class="icon icon-eye_open"></i>
                <div class="code">\f06e</div>
                <div class="name">eye_open</div>
            </li>
            
            <li>
            <i class="icon icon-eye_close"></i>
                <div class="code">\f070</div>
                <div class="name">eye_close</div>
            </li>
            
            <li>
            <i class="icon icon-warning_sign"></i>
                <div class="code">\f071</div>
                <div class="name">warning_sign</div>
            </li>
            
            <li>
            <i class="icon icon-plane"></i>
                <div class="code">\f072</div>
                <div class="name">plane</div>
            </li>
            
            <li>
            <i class="icon icon-calendar"></i>
                <div class="code">\f073</div>
                <div class="name">calendar</div>
            </li>
            
            <li>
            <i class="icon icon-random"></i>
                <div class="code">\f074</div>
                <div class="name">random</div>
            </li>
            
            <li>
            <i class="icon icon-comment"></i>
                <div class="code">\f075</div>
                <div class="name">comment</div>
            </li>
            
            <li>
            <i class="icon icon-magnet"></i>
                <div class="code">\f076</div>
                <div class="name">magnet</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_up"></i>
                <div class="code">\f077</div>
                <div class="name">chevron_up</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_down"></i>
                <div class="code">\f078</div>
                <div class="name">chevron_down</div>
            </li>
            
            <li>
            <i class="icon icon-retweet"></i>
                <div class="code">\f079</div>
                <div class="name">retweet</div>
            </li>
            
            <li>
            <i class="icon icon-shopping_cart"></i>
                <div class="code">\f07a</div>
                <div class="name">shopping_cart</div>
            </li>
            
            <li>
            <i class="icon icon-folder_close"></i>
                <div class="code">\f07b</div>
                <div class="name">folder_close</div>
            </li>
            
            <li>
            <i class="icon icon-folder_open"></i>
                <div class="code">\f07c</div>
                <div class="name">folder_open</div>
            </li>
            
            <li>
            <i class="icon icon-resize_vertical"></i>
                <div class="code">\f07d</div>
                <div class="name">resize_vertical</div>
            </li>
            
            <li>
            <i class="icon icon-resize_horizontal"></i>
                <div class="code">\f07e</div>
                <div class="name">resize_horizontal</div>
            </li>
            
            <li>
            <i class="icon icon-bar_chart"></i>
                <div class="code">\f080</div>
                <div class="name">bar_chart</div>
            </li>
            
            <li>
            <i class="icon icon-twitter_sign"></i>
                <div class="code">\f081</div>
                <div class="name">twitter_sign</div>
            </li>
            
            <li>
            <i class="icon icon-facebook_sign"></i>
                <div class="code">\f082</div>
                <div class="name">facebook_sign</div>
            </li>
            
            <li>
            <i class="icon icon-camera_retro"></i>
                <div class="code">\f083</div>
                <div class="name">camera_retro</div>
            </li>
            
            <li>
            <i class="icon icon-key"></i>
                <div class="code">\f084</div>
                <div class="name">key</div>
            </li>
            
            <li>
            <i class="icon icon-cogs"></i>
                <div class="code">\f085</div>
                <div class="name">cogs</div>
            </li>
            
            <li>
            <i class="icon icon-comments"></i>
                <div class="code">\f086</div>
                <div class="name">comments</div>
            </li>
            
            <li>
            <i class="icon icon-thumbs_up_alt"></i>
                <div class="code">\f087</div>
                <div class="name">thumbs_up_alt</div>
            </li>
            
            <li>
            <i class="icon icon-thumbs_down_alt"></i>
                <div class="code">\f088</div>
                <div class="name">thumbs_down_alt</div>
            </li>
            
            <li>
            <i class="icon icon-star_half"></i>
                <div class="code">\f089</div>
                <div class="name">star_half</div>
            </li>
            
            <li>
            <i class="icon icon-heart_empty"></i>
                <div class="code">\f08a</div>
                <div class="name">heart_empty</div>
            </li>
            
            <li>
            <i class="icon icon-signout"></i>
                <div class="code">\f08b</div>
                <div class="name">signout</div>
            </li>
            
            <li>
            <i class="icon icon-linkedin_sign"></i>
                <div class="code">\f08c</div>
                <div class="name">linkedin_sign</div>
            </li>
            
            <li>
            <i class="icon icon-pushpin"></i>
                <div class="code">\f08d</div>
                <div class="name">pushpin</div>
            </li>
            
            <li>
            <i class="icon icon-external_link"></i>
                <div class="code">\f08e</div>
                <div class="name">external_link</div>
            </li>
            
            <li>
            <i class="icon icon-signin"></i>
                <div class="code">\f090</div>
                <div class="name">signin</div>
            </li>
            
            <li>
            <i class="icon icon-trophy"></i>
                <div class="code">\f091</div>
                <div class="name">trophy</div>
            </li>
            
            <li>
            <i class="icon icon-github_sign"></i>
                <div class="code">\f092</div>
                <div class="name">github_sign</div>
            </li>
            
            <li>
            <i class="icon icon-upload_alt"></i>
                <div class="code">\f093</div>
                <div class="name">upload_alt</div>
            </li>
            
            <li>
            <i class="icon icon-lemon"></i>
                <div class="code">\f094</div>
                <div class="name">lemon</div>
            </li>
            
            <li>
            <i class="icon icon-phone"></i>
                <div class="code">\f095</div>
                <div class="name">phone</div>
            </li>
            
            <li>
            <i class="icon icon-check_empty"></i>
                <div class="code">\f096</div>
                <div class="name">check_empty</div>
            </li>
            
            <li>
            <i class="icon icon-bookmark_empty"></i>
                <div class="code">\f097</div>
                <div class="name">bookmark_empty</div>
            </li>
            
            <li>
            <i class="icon icon-phone_sign"></i>
                <div class="code">\f098</div>
                <div class="name">phone_sign</div>
            </li>
            
            <li>
            <i class="icon icon-twitter"></i>
                <div class="code">\f099</div>
                <div class="name">twitter</div>
            </li>
            
            <li>
            <i class="icon icon-facebook"></i>
                <div class="code">\f09a</div>
                <div class="name">facebook</div>
            </li>
            
            <li>
            <i class="icon icon-github"></i>
                <div class="code">\f09b</div>
                <div class="name">github</div>
            </li>
            
            <li>
            <i class="icon icon-unlock"></i>
                <div class="code">\f09c</div>
                <div class="name">unlock</div>
            </li>
            
            <li>
            <i class="icon icon-credit_card"></i>
                <div class="code">\f09d</div>
                <div class="name">credit_card</div>
            </li>
            
            <li>
            <i class="icon icon-rss"></i>
                <div class="code">\f09e</div>
                <div class="name">rss</div>
            </li>
            
            <li>
            <i class="icon icon-hdd"></i>
                <div class="code">\f0a0</div>
                <div class="name">hdd</div>
            </li>
            
            <li>
            <i class="icon icon-bullhorn"></i>
                <div class="code">\f0a1</div>
                <div class="name">bullhorn</div>
            </li>
            
            <li>
            <i class="icon icon-bell"></i>
                <div class="code">\f0a2</div>
                <div class="name">bell</div>
            </li>
            
            <li>
            <i class="icon icon-certificate"></i>
                <div class="code">\f0a3</div>
                <div class="name">certificate</div>
            </li>
            
            <li>
            <i class="icon icon-hand_right"></i>
                <div class="code">\f0a4</div>
                <div class="name">hand_right</div>
            </li>
            
            <li>
            <i class="icon icon-hand_left"></i>
                <div class="code">\f0a5</div>
                <div class="name">hand_left</div>
            </li>
            
            <li>
            <i class="icon icon-hand_up"></i>
                <div class="code">\f0a6</div>
                <div class="name">hand_up</div>
            </li>
            
            <li>
            <i class="icon icon-hand_down"></i>
                <div class="code">\f0a7</div>
                <div class="name">hand_down</div>
            </li>
            
            <li>
            <i class="icon icon-circle_arrow_left"></i>
                <div class="code">\f0a8</div>
                <div class="name">circle_arrow_left</div>
            </li>
            
            <li>
            <i class="icon icon-circle_arrow_right"></i>
                <div class="code">\f0a9</div>
                <div class="name">circle_arrow_right</div>
            </li>
            
            <li>
            <i class="icon icon-circle_arrow_up"></i>
                <div class="code">\f0aa</div>
                <div class="name">circle_arrow_up</div>
            </li>
            
            <li>
            <i class="icon icon-circle_arrow_down"></i>
                <div class="code">\f0ab</div>
                <div class="name">circle_arrow_down</div>
            </li>
            
            <li>
            <i class="icon icon-globe"></i>
                <div class="code">\f0ac</div>
                <div class="name">globe</div>
            </li>
            
            <li>
            <i class="icon icon-wrench"></i>
                <div class="code">\f0ad</div>
                <div class="name">wrench</div>
            </li>
            
            <li>
            <i class="icon icon-tasks"></i>
                <div class="code">\f0ae</div>
                <div class="name">tasks</div>
            </li>
            
            <li>
            <i class="icon icon-filter"></i>
                <div class="code">\f0b0</div>
                <div class="name">filter</div>
            </li>
            
            <li>
            <i class="icon icon-briefcase"></i>
                <div class="code">\f0b1</div>
                <div class="name">briefcase</div>
            </li>
            
            <li>
            <i class="icon icon-fullscreen"></i>
                <div class="code">\f0b2</div>
                <div class="name">fullscreen</div>
            </li>
            
            <li>
            <i class="icon icon-group"></i>
                <div class="code">\f0c0</div>
                <div class="name">group</div>
            </li>
            
            <li>
            <i class="icon icon-link"></i>
                <div class="code">\f0c1</div>
                <div class="name">link</div>
            </li>
            
            <li>
            <i class="icon icon-cloud"></i>
                <div class="code">\f0c2</div>
                <div class="name">cloud</div>
            </li>
            
            <li>
            <i class="icon icon-beaker"></i>
                <div class="code">\f0c3</div>
                <div class="name">beaker</div>
            </li>
            
            <li>
            <i class="icon icon-cut"></i>
                <div class="code">\f0c4</div>
                <div class="name">cut</div>
            </li>
            
            <li>
            <i class="icon icon-copy"></i>
                <div class="code">\f0c5</div>
                <div class="name">copy</div>
            </li>
            
            <li>
            <i class="icon icon-paper_clip"></i>
                <div class="code">\f0c6</div>
                <div class="name">paper_clip</div>
            </li>
            
            <li>
            <i class="icon icon-save"></i>
                <div class="code">\f0c7</div>
                <div class="name">save</div>
            </li>
            
            <li>
            <i class="icon icon-sign_blank"></i>
                <div class="code">\f0c8</div>
                <div class="name">sign_blank</div>
            </li>
            
            <li>
            <i class="icon icon-reorder"></i>
                <div class="code">\f0c9</div>
                <div class="name">reorder</div>
            </li>
            
            <li>
            <i class="icon icon-ul"></i>
                <div class="code">\f0ca</div>
                <div class="name">ul</div>
            </li>
            
            <li>
            <i class="icon icon-ol"></i>
                <div class="code">\f0cb</div>
                <div class="name">ol</div>
            </li>
            
            <li>
            <i class="icon icon-strikethrough"></i>
                <div class="code">\f0cc</div>
                <div class="name">strikethrough</div>
            </li>
            
            <li>
            <i class="icon icon-underline"></i>
                <div class="code">\f0cd</div>
                <div class="name">underline</div>
            </li>
            
            <li>
            <i class="icon icon-table"></i>
                <div class="code">\f0ce</div>
                <div class="name">table</div>
            </li>
            
            <li>
            <i class="icon icon-magic"></i>
                <div class="code">\f0d0</div>
                <div class="name">magic</div>
            </li>
            
            <li>
            <i class="icon icon-truck"></i>
                <div class="code">\f0d1</div>
                <div class="name">truck</div>
            </li>
            
            <li>
            <i class="icon icon-pinterest"></i>
                <div class="code">\f0d2</div>
                <div class="name">pinterest</div>
            </li>
            
            <li>
            <i class="icon icon-pinterest_sign"></i>
                <div class="code">\f0d3</div>
                <div class="name">pinterest_sign</div>
            </li>
            
            <li>
            <i class="icon icon-google_plus_sign"></i>
                <div class="code">\f0d4</div>
                <div class="name">google_plus_sign</div>
            </li>
            
            <li>
            <i class="icon icon-google_plus"></i>
                <div class="code">\f0d5</div>
                <div class="name">google_plus</div>
            </li>
            
            <li>
            <i class="icon icon-money"></i>
                <div class="code">\f0d6</div>
                <div class="name">money</div>
            </li>
            
            <li>
            <i class="icon icon-caret_down"></i>
                <div class="code">\f0d7</div>
                <div class="name">caret_down</div>
            </li>
            
            <li>
            <i class="icon icon-caret_up"></i>
                <div class="code">\f0d8</div>
                <div class="name">caret_up</div>
            </li>
            
            <li>
            <i class="icon icon-caret_left"></i>
                <div class="code">\f0d9</div>
                <div class="name">caret_left</div>
            </li>
            
            <li>
            <i class="icon icon-caret_right"></i>
                <div class="code">\f0da</div>
                <div class="name">caret_right</div>
            </li>
            
            <li>
            <i class="icon icon-columns"></i>
                <div class="code">\f0db</div>
                <div class="name">columns</div>
            </li>
            
            <li>
            <i class="icon icon-sort"></i>
                <div class="code">\f0dc</div>
                <div class="name">sort</div>
            </li>
            
            <li>
            <i class="icon icon-sort_down"></i>
                <div class="code">\f0dd</div>
                <div class="name">sort_down</div>
            </li>
            
            <li>
            <i class="icon icon-sort_up"></i>
                <div class="code">\f0de</div>
                <div class="name">sort_up</div>
            </li>
            
            <li>
            <i class="icon icon-envelope_alt"></i>
                <div class="code">\f0e0</div>
                <div class="name">envelope_alt</div>
            </li>
            
            <li>
            <i class="icon icon-linkedin"></i>
                <div class="code">\f0e1</div>
                <div class="name">linkedin</div>
            </li>
            
            <li>
            <i class="icon icon-undo"></i>
                <div class="code">\f0e2</div>
                <div class="name">undo</div>
            </li>
            
            <li>
            <i class="icon icon-legal"></i>
                <div class="code">\f0e3</div>
                <div class="name">legal</div>
            </li>
            
            <li>
            <i class="icon icon-dashboard"></i>
                <div class="code">\f0e4</div>
                <div class="name">dashboard</div>
            </li>
            
            <li>
            <i class="icon icon-comment_alt"></i>
                <div class="code">\f0e5</div>
                <div class="name">comment_alt</div>
            </li>
            
            <li>
            <i class="icon icon-comments_alt"></i>
                <div class="code">\f0e6</div>
                <div class="name">comments_alt</div>
            </li>
            
            <li>
            <i class="icon icon-bolt"></i>
                <div class="code">\f0e7</div>
                <div class="name">bolt</div>
            </li>
            
            <li>
            <i class="icon icon-sitemap"></i>
                <div class="code">\f0e8</div>
                <div class="name">sitemap</div>
            </li>
            
            <li>
            <i class="icon icon-umbrella"></i>
                <div class="code">\f0e9</div>
                <div class="name">umbrella</div>
            </li>
            
            <li>
            <i class="icon icon-paste"></i>
                <div class="code">\f0ea</div>
                <div class="name">paste</div>
            </li>
            
            <li>
            <i class="icon icon-light_bulb"></i>
                <div class="code">\f0eb</div>
                <div class="name">light_bulb</div>
            </li>
            
            <li>
            <i class="icon icon-exchange"></i>
                <div class="code">\f0ec</div>
                <div class="name">exchange</div>
            </li>
            
            <li>
            <i class="icon icon-cloud_download"></i>
                <div class="code">\f0ed</div>
                <div class="name">cloud_download</div>
            </li>
            
            <li>
            <i class="icon icon-cloud_upload"></i>
                <div class="code">\f0ee</div>
                <div class="name">cloud_upload</div>
            </li>
            
            <li>
            <i class="icon icon-user_md"></i>
                <div class="code">\f0f0</div>
                <div class="name">user_md</div>
            </li>
            
            <li>
            <i class="icon icon-stethoscope"></i>
                <div class="code">\f0f1</div>
                <div class="name">stethoscope</div>
            </li>
            
            <li>
            <i class="icon icon-suitcase"></i>
                <div class="code">\f0f2</div>
                <div class="name">suitcase</div>
            </li>
            
            <li>
            <i class="icon icon-bell_alt"></i>
                <div class="code">\f0f3</div>
                <div class="name">bell_alt</div>
            </li>
            
            <li>
            <i class="icon icon-coffee"></i>
                <div class="code">\f0f4</div>
                <div class="name">coffee</div>
            </li>
            
            <li>
            <i class="icon icon-food"></i>
                <div class="code">\f0f5</div>
                <div class="name">food</div>
            </li>
            
            <li>
            <i class="icon icon-file_text_alt"></i>
                <div class="code">\f0f6</div>
                <div class="name">file_text_alt</div>
            </li>
            
            <li>
            <i class="icon icon-building"></i>
                <div class="code">\f0f7</div>
                <div class="name">building</div>
            </li>
            
            <li>
            <i class="icon icon-hospital"></i>
                <div class="code">\f0f8</div>
                <div class="name">hospital</div>
            </li>
            
            <li>
            <i class="icon icon-ambulance"></i>
                <div class="code">\f0f9</div>
                <div class="name">ambulance</div>
            </li>
            
            <li>
            <i class="icon icon-medkit"></i>
                <div class="code">\f0fa</div>
                <div class="name">medkit</div>
            </li>
            
            <li>
            <i class="icon icon-fighter_jet"></i>
                <div class="code">\f0fb</div>
                <div class="name">fighter_jet</div>
            </li>
            
            <li>
            <i class="icon icon-beer"></i>
                <div class="code">\f0fc</div>
                <div class="name">beer</div>
            </li>
            
            <li>
            <i class="icon icon-h_sign"></i>
                <div class="code">\f0fd</div>
                <div class="name">h_sign</div>
            </li>
            
            <li>
            <i class="icon icon-f0fe"></i>
                <div class="code">\f0fe</div>
                <div class="name">f0fe</div>
            </li>
            
            <li>
            <i class="icon icon-double_angle_left"></i>
                <div class="code">\f100</div>
                <div class="name">double_angle_left</div>
            </li>
            
            <li>
            <i class="icon icon-double_angle_right"></i>
                <div class="code">\f101</div>
                <div class="name">double_angle_right</div>
            </li>
            
            <li>
            <i class="icon icon-double_angle_up"></i>
                <div class="code">\f102</div>
                <div class="name">double_angle_up</div>
            </li>
            
            <li>
            <i class="icon icon-double_angle_down"></i>
                <div class="code">\f103</div>
                <div class="name">double_angle_down</div>
            </li>
            
            <li>
            <i class="icon icon-angle_left"></i>
                <div class="code">\f104</div>
                <div class="name">angle_left</div>
            </li>
            
            <li>
            <i class="icon icon-angle_right"></i>
                <div class="code">\f105</div>
                <div class="name">angle_right</div>
            </li>
            
            <li>
            <i class="icon icon-angle_up"></i>
                <div class="code">\f106</div>
                <div class="name">angle_up</div>
            </li>
            
            <li>
            <i class="icon icon-angle_down"></i>
                <div class="code">\f107</div>
                <div class="name">angle_down</div>
            </li>
            
            <li>
            <i class="icon icon-desktop"></i>
                <div class="code">\f108</div>
                <div class="name">desktop</div>
            </li>
            
            <li>
            <i class="icon icon-laptop"></i>
                <div class="code">\f109</div>
                <div class="name">laptop</div>
            </li>
            
            <li>
            <i class="icon icon-tablet"></i>
                <div class="code">\f10a</div>
                <div class="name">tablet</div>
            </li>
            
            <li>
            <i class="icon icon-mobile_phone"></i>
                <div class="code">\f10b</div>
                <div class="name">mobile_phone</div>
            </li>
            
            <li>
            <i class="icon icon-circle_blank"></i>
                <div class="code">\f10c</div>
                <div class="name">circle_blank</div>
            </li>
            
            <li>
            <i class="icon icon-quote_left"></i>
                <div class="code">\f10d</div>
                <div class="name">quote_left</div>
            </li>
            
            <li>
            <i class="icon icon-quote_right"></i>
                <div class="code">\f10e</div>
                <div class="name">quote_right</div>
            </li>
            
            <li>
            <i class="icon icon-spinner"></i>
                <div class="code">\f110</div>
                <div class="name">spinner</div>
            </li>
            
            <li>
            <i class="icon icon-circle"></i>
                <div class="code">\f111</div>
                <div class="name">circle</div>
            </li>
            
            <li>
            <i class="icon icon-reply"></i>
                <div class="code">\f112</div>
                <div class="name">reply</div>
            </li>
            
            <li>
            <i class="icon icon-github_alt"></i>
                <div class="code">\f113</div>
                <div class="name">github_alt</div>
            </li>
            
            <li>
            <i class="icon icon-folder_close_alt"></i>
                <div class="code">\f114</div>
                <div class="name">folder_close_alt</div>
            </li>
            
            <li>
            <i class="icon icon-folder_open_alt"></i>
                <div class="code">\f115</div>
                <div class="name">folder_open_alt</div>
            </li>
            
            <li>
            <i class="icon icon-expand_alt"></i>
                <div class="code">\f116</div>
                <div class="name">expand_alt</div>
            </li>
            
            <li>
            <i class="icon icon-collapse_alt"></i>
                <div class="code">\f117</div>
                <div class="name">collapse_alt</div>
            </li>
            
            <li>
            <i class="icon icon-smile"></i>
                <div class="code">\f118</div>
                <div class="name">smile</div>
            </li>
            
            <li>
            <i class="icon icon-frown"></i>
                <div class="code">\f119</div>
                <div class="name">frown</div>
            </li>
            
            <li>
            <i class="icon icon-meh"></i>
                <div class="code">\f11a</div>
                <div class="name">meh</div>
            </li>
            
            <li>
            <i class="icon icon-gamepad"></i>
                <div class="code">\f11b</div>
                <div class="name">gamepad</div>
            </li>
            
            <li>
            <i class="icon icon-keyboard"></i>
                <div class="code">\f11c</div>
                <div class="name">keyboard</div>
            </li>
            
            <li>
            <i class="icon icon-flag_alt"></i>
                <div class="code">\f11d</div>
                <div class="name">flag_alt</div>
            </li>
            
            <li>
            <i class="icon icon-flag_checkered"></i>
                <div class="code">\f11e</div>
                <div class="name">flag_checkered</div>
            </li>
            
            <li>
            <i class="icon icon-terminal"></i>
                <div class="code">\f120</div>
                <div class="name">terminal</div>
            </li>
            
            <li>
            <i class="icon icon-code"></i>
                <div class="code">\f121</div>
                <div class="name">code</div>
            </li>
            
            <li>
            <i class="icon icon-reply_all"></i>
                <div class="code">\f122</div>
                <div class="name">reply_all</div>
            </li>
            
            <li>
            <i class="icon icon-star_half_empty"></i>
                <div class="code">\f123</div>
                <div class="name">star_half_empty</div>
            </li>
            
            <li>
            <i class="icon icon-location_arrow"></i>
                <div class="code">\f124</div>
                <div class="name">location_arrow</div>
            </li>
            
            <li>
            <i class="icon icon-crop"></i>
                <div class="code">\f125</div>
                <div class="name">crop</div>
            </li>
            
            <li>
            <i class="icon icon-code_fork"></i>
                <div class="code">\f126</div>
                <div class="name">code_fork</div>
            </li>
            
            <li>
            <i class="icon icon-unlink"></i>
                <div class="code">\f127</div>
                <div class="name">unlink</div>
            </li>
            
            <li>
            <i class="icon icon-question"></i>
                <div class="code">\f128</div>
                <div class="name">question</div>
            </li>
            
            <li>
            <i class="icon icon-_279"></i>
                <div class="code">\f129</div>
                <div class="name">_279</div>
            </li>
            
            <li>
            <i class="icon icon-exclamation"></i>
                <div class="code">\f12a</div>
                <div class="name">exclamation</div>
            </li>
            
            <li>
            <i class="icon icon-superscript"></i>
                <div class="code">\f12b</div>
                <div class="name">superscript</div>
            </li>
            
            <li>
            <i class="icon icon-subscript"></i>
                <div class="code">\f12c</div>
                <div class="name">subscript</div>
            </li>
            
            <li>
            <i class="icon icon-_283"></i>
                <div class="code">\f12d</div>
                <div class="name">_283</div>
            </li>
            
            <li>
            <i class="icon icon-puzzle_piece"></i>
                <div class="code">\f12e</div>
                <div class="name">puzzle_piece</div>
            </li>
            
            <li>
            <i class="icon icon-microphone"></i>
                <div class="code">\f130</div>
                <div class="name">microphone</div>
            </li>
            
            <li>
            <i class="icon icon-microphone_off"></i>
                <div class="code">\f131</div>
                <div class="name">microphone_off</div>
            </li>
            
            <li>
            <i class="icon icon-shield"></i>
                <div class="code">\f132</div>
                <div class="name">shield</div>
            </li>
            
            <li>
            <i class="icon icon-calendar_empty"></i>
                <div class="code">\f133</div>
                <div class="name">calendar_empty</div>
            </li>
            
            <li>
            <i class="icon icon-fire_extinguisher"></i>
                <div class="code">\f134</div>
                <div class="name">fire_extinguisher</div>
            </li>
            
            <li>
            <i class="icon icon-rocket"></i>
                <div class="code">\f135</div>
                <div class="name">rocket</div>
            </li>
            
            <li>
            <i class="icon icon-maxcdn"></i>
                <div class="code">\f136</div>
                <div class="name">maxcdn</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_sign_left"></i>
                <div class="code">\f137</div>
                <div class="name">chevron_sign_left</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_sign_right"></i>
                <div class="code">\f138</div>
                <div class="name">chevron_sign_right</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_sign_up"></i>
                <div class="code">\f139</div>
                <div class="name">chevron_sign_up</div>
            </li>
            
            <li>
            <i class="icon icon-chevron_sign_down"></i>
                <div class="code">\f13a</div>
                <div class="name">chevron_sign_down</div>
            </li>
            
            <li>
            <i class="icon icon-html5"></i>
                <div class="code">\f13b</div>
                <div class="name">html5</div>
            </li>
            
            <li>
            <i class="icon icon-css3"></i>
                <div class="code">\f13c</div>
                <div class="name">css3</div>
            </li>
            
            <li>
            <i class="icon icon-anchor"></i>
                <div class="code">\f13d</div>
                <div class="name">anchor</div>
            </li>
            
            <li>
            <i class="icon icon-unlock_alt"></i>
                <div class="code">\f13e</div>
                <div class="name">unlock_alt</div>
            </li>
            
            <li>
            <i class="icon icon-bullseye"></i>
                <div class="code">\f140</div>
                <div class="name">bullseye</div>
            </li>
            
            <li>
            <i class="icon icon-ellipsis_horizontal"></i>
                <div class="code">\f141</div>
                <div class="name">ellipsis_horizontal</div>
            </li>
            
            <li>
            <i class="icon icon-ellipsis_vertical"></i>
                <div class="code">\f142</div>
                <div class="name">ellipsis_vertical</div>
            </li>
            
            <li>
            <i class="icon icon-_303"></i>
                <div class="code">\f143</div>
                <div class="name">_303</div>
            </li>
            
            <li>
            <i class="icon icon-play_sign"></i>
                <div class="code">\f144</div>
                <div class="name">play_sign</div>
            </li>
            
            <li>
            <i class="icon icon-ticket"></i>
                <div class="code">\f145</div>
                <div class="name">ticket</div>
            </li>
            
            <li>
            <i class="icon icon-minus_sign_alt"></i>
                <div class="code">\f146</div>
                <div class="name">minus_sign_alt</div>
            </li>
            
            <li>
            <i class="icon icon-check_minus"></i>
                <div class="code">\f147</div>
                <div class="name">check_minus</div>
            </li>
            
            <li>
            <i class="icon icon-level_up"></i>
                <div class="code">\f148</div>
                <div class="name">level_up</div>
            </li>
            
            <li>
            <i class="icon icon-level_down"></i>
                <div class="code">\f149</div>
                <div class="name">level_down</div>
            </li>
            
            <li>
            <i class="icon icon-check_sign"></i>
                <div class="code">\f14a</div>
                <div class="name">check_sign</div>
            </li>
            
            <li>
            <i class="icon icon-edit_sign"></i>
                <div class="code">\f14b</div>
                <div class="name">edit_sign</div>
            </li>
            
            <li>
            <i class="icon icon-_312"></i>
                <div class="code">\f14c</div>
                <div class="name">_312</div>
            </li>
            
            <li>
            <i class="icon icon-share_sign"></i>
                <div class="code">\f14d</div>
                <div class="name">share_sign</div>
            </li>
            
            <li>
            <i class="icon icon-compass"></i>
                <div class="code">\f14e</div>
                <div class="name">compass</div>
            </li>
            
            <li>
            <i class="icon icon-collapse"></i>
                <div class="code">\f150</div>
                <div class="name">collapse</div>
            </li>
            
            <li>
            <i class="icon icon-collapse_top"></i>
                <div class="code">\f151</div>
                <div class="name">collapse_top</div>
            </li>
            
            <li>
            <i class="icon icon-_317"></i>
                <div class="code">\f152</div>
                <div class="name">_317</div>
            </li>
            
            <li>
            <i class="icon icon-eur"></i>
                <div class="code">\f153</div>
                <div class="name">eur</div>
            </li>
            
            <li>
            <i class="icon icon-gbp"></i>
                <div class="code">\f154</div>
                <div class="name">gbp</div>
            </li>
            
            <li>
            <i class="icon icon-usd"></i>
                <div class="code">\f155</div>
                <div class="name">usd</div>
            </li>
            
            <li>
            <i class="icon icon-inr"></i>
                <div class="code">\f156</div>
                <div class="name">inr</div>
            </li>
            
            <li>
            <i class="icon icon-jpy"></i>
                <div class="code">\f157</div>
                <div class="name">jpy</div>
            </li>
            
            <li>
            <i class="icon icon-rub"></i>
                <div class="code">\f158</div>
                <div class="name">rub</div>
            </li>
            
            <li>
            <i class="icon icon-krw"></i>
                <div class="code">\f159</div>
                <div class="name">krw</div>
            </li>
            
            <li>
            <i class="icon icon-btc"></i>
                <div class="code">\f15a</div>
                <div class="name">btc</div>
            </li>
            
            <li>
            <i class="icon icon-file"></i>
                <div class="code">\f15b</div>
                <div class="name">file</div>
            </li>
            
            <li>
            <i class="icon icon-file_text"></i>
                <div class="code">\f15c</div>
                <div class="name">file_text</div>
            </li>
            
            <li>
            <i class="icon icon-sort_by_alphabet"></i>
                <div class="code">\f15d</div>
                <div class="name">sort_by_alphabet</div>
            </li>
            
            <li>
            <i class="icon icon-_329"></i>
                <div class="code">\f15e</div>
                <div class="name">_329</div>
            </li>
            
            <li>
            <i class="icon icon-sort_by_attributes"></i>
                <div class="code">\f160</div>
                <div class="name">sort_by_attributes</div>
            </li>
            
            <li>
            <i class="icon icon-sort_by_attributes_alt"></i>
                <div class="code">\f161</div>
                <div class="name">sort_by_attributes_alt</div>
            </li>
            
            <li>
            <i class="icon icon-sort_by_order"></i>
                <div class="code">\f162</div>
                <div class="name">sort_by_order</div>
            </li>
            
            <li>
            <i class="icon icon-sort_by_order_alt"></i>
                <div class="code">\f163</div>
                <div class="name">sort_by_order_alt</div>
            </li>
            
            <li>
            <i class="icon icon-_334"></i>
                <div class="code">\f164</div>
                <div class="name">_334</div>
            </li>
            
            <li>
            <i class="icon icon-_335"></i>
                <div class="code">\f165</div>
                <div class="name">_335</div>
            </li>
            
            <li>
            <i class="icon icon-youtube_sign"></i>
                <div class="code">\f166</div>
                <div class="name">youtube_sign</div>
            </li>
            
            <li>
            <i class="icon icon-youtube"></i>
                <div class="code">\f167</div>
                <div class="name">youtube</div>
            </li>
            
            <li>
            <i class="icon icon-xing"></i>
                <div class="code">\f168</div>
                <div class="name">xing</div>
            </li>
            
            <li>
            <i class="icon icon-xing_sign"></i>
                <div class="code">\f169</div>
                <div class="name">xing_sign</div>
            </li>
            
            <li>
            <i class="icon icon-youtube_play"></i>
                <div class="code">\f16a</div>
                <div class="name">youtube_play</div>
            </li>
            
            <li>
            <i class="icon icon-dropbox"></i>
                <div class="code">\f16b</div>
                <div class="name">dropbox</div>
            </li>
            
            <li>
            <i class="icon icon-stackexchange"></i>
                <div class="code">\f16c</div>
                <div class="name">stackexchange</div>
            </li>
            
            <li>
            <i class="icon icon-instagram"></i>
                <div class="code">\f16d</div>
                <div class="name">instagram</div>
            </li>
            
            <li>
            <i class="icon icon-flickr"></i>
                <div class="code">\f16e</div>
                <div class="name">flickr</div>
            </li>
            
            <li>
            <i class="icon icon-adn"></i>
                <div class="code">\f170</div>
                <div class="name">adn</div>
            </li>
            
            <li>
            <i class="icon icon-f171"></i>
                <div class="code">\f171</div>
                <div class="name">f171</div>
            </li>
            
            <li>
            <i class="icon icon-bitbucket_sign"></i>
                <div class="code">\f172</div>
                <div class="name">bitbucket_sign</div>
            </li>
            
            <li>
            <i class="icon icon-tumblr"></i>
                <div class="code">\f173</div>
                <div class="name">tumblr</div>
            </li>
            
            <li>
            <i class="icon icon-tumblr_sign"></i>
                <div class="code">\f174</div>
                <div class="name">tumblr_sign</div>
            </li>
            
            <li>
            <i class="icon icon-long_arrow_down"></i>
                <div class="code">\f175</div>
                <div class="name">long_arrow_down</div>
            </li>
            
            <li>
            <i class="icon icon-long_arrow_up"></i>
                <div class="code">\f176</div>
                <div class="name">long_arrow_up</div>
            </li>
            
            <li>
            <i class="icon icon-long_arrow_left"></i>
                <div class="code">\f177</div>
                <div class="name">long_arrow_left</div>
            </li>
            
            <li>
            <i class="icon icon-long_arrow_right"></i>
                <div class="code">\f178</div>
                <div class="name">long_arrow_right</div>
            </li>
            
            <li>
            <i class="icon icon-apple"></i>
                <div class="code">\f179</div>
                <div class="name">apple</div>
            </li>
            
            <li>
            <i class="icon icon-windows"></i>
                <div class="code">\f17a</div>
                <div class="name">windows</div>
            </li>
            
            <li>
            <i class="icon icon-android"></i>
                <div class="code">\f17b</div>
                <div class="name">android</div>
            </li>
            
            <li>
            <i class="icon icon-linux"></i>
                <div class="code">\f17c</div>
                <div class="name">linux</div>
            </li>
            
            <li>
            <i class="icon icon-dribble"></i>
                <div class="code">\f17d</div>
                <div class="name">dribble</div>
            </li>
            
            <li>
            <i class="icon icon-skype"></i>
                <div class="code">\f17e</div>
                <div class="name">skype</div>
            </li>
            
            <li>
            <i class="icon icon-foursquare"></i>
                <div class="code">\f180</div>
                <div class="name">foursquare</div>
            </li>
            
            <li>
            <i class="icon icon-trello"></i>
                <div class="code">\f181</div>
                <div class="name">trello</div>
            </li>
            
            <li>
            <i class="icon icon-female"></i>
                <div class="code">\f182</div>
                <div class="name">female</div>
            </li>
            
            <li>
            <i class="icon icon-male"></i>
                <div class="code">\f183</div>
                <div class="name">male</div>
            </li>
            
            <li>
            <i class="icon icon-gittip"></i>
                <div class="code">\f184</div>
                <div class="name">gittip</div>
            </li>
            
            <li>
            <i class="icon icon-sun"></i>
                <div class="code">\f185</div>
                <div class="name">sun</div>
            </li>
            
            <li>
            <i class="icon icon-_366"></i>
                <div class="code">\f186</div>
                <div class="name">_366</div>
            </li>
            
            <li>
            <i class="icon icon-archive"></i>
                <div class="code">\f187</div>
                <div class="name">archive</div>
            </li>
            
            <li>
            <i class="icon icon-bug"></i>
                <div class="code">\f188</div>
                <div class="name">bug</div>
            </li>
            
            <li>
            <i class="icon icon-vk"></i>
                <div class="code">\f189</div>
                <div class="name">vk</div>
            </li>
            
            <li>
            <i class="icon icon-weibo"></i>
                <div class="code">\f18a</div>
                <div class="name">weibo</div>
            </li>
            
            <li>
            <i class="icon icon-renren"></i>
                <div class="code">\f18b</div>
                <div class="name">renren</div>
            </li>
            
            <li>
            <i class="icon icon-_372"></i>
                <div class="code">\f18c</div>
                <div class="name">_372</div>
            </li>
            
            <li>
            <i class="icon icon-stack_exchange"></i>
                <div class="code">\f18d</div>
                <div class="name">stack_exchange</div>
            </li>
            
            <li>
            <i class="icon icon-_374"></i>
                <div class="code">\f18e</div>
                <div class="name">_374</div>
            </li>
            
            <li>
            <i class="icon icon-arrow_circle_alt_left"></i>
                <div class="code">\f190</div>
                <div class="name">arrow_circle_alt_left</div>
            </li>
            
            <li>
            <i class="icon icon-_376"></i>
                <div class="code">\f191</div>
                <div class="name">_376</div>
            </li>
            
            <li>
            <i class="icon icon-dot_circle_alt"></i>
                <div class="code">\f192</div>
                <div class="name">dot_circle_alt</div>
            </li>
            
            <li>
            <i class="icon icon-_378"></i>
                <div class="code">\f193</div>
                <div class="name">_378</div>
            </li>
            
            <li>
            <i class="icon icon-vimeo_square"></i>
                <div class="code">\f194</div>
                <div class="name">vimeo_square</div>
            </li>
            
            <li>
            <i class="icon icon-_380"></i>
                <div class="code">\f195</div>
                <div class="name">_380</div>
            </li>
            
            <li>
            <i class="icon icon-plus_square_o"></i>
                <div class="code">\f196</div>
                <div class="name">plus_square_o</div>
            </li>
            
            <li>
            <i class="icon icon-_382"></i>
                <div class="code">\f197</div>
                <div class="name">_382</div>
            </li>
            
            <li>
            <i class="icon icon-_383"></i>
                <div class="code">\f198</div>
                <div class="name">_383</div>
            </li>
            
            <li>
            <i class="icon icon-_384"></i>
                <div class="code">\f199</div>
                <div class="name">_384</div>
            </li>
            
            <li>
            <i class="icon icon-_385"></i>
                <div class="code">\f19a</div>
                <div class="name">_385</div>
            </li>
            
            <li>
            <i class="icon icon-_386"></i>
                <div class="code">\f19b</div>
                <div class="name">_386</div>
            </li>
            
            <li>
            <i class="icon icon-_387"></i>
                <div class="code">\f19c</div>
                <div class="name">_387</div>
            </li>
            
            <li>
            <i class="icon icon-_388"></i>
                <div class="code">\f19d</div>
                <div class="name">_388</div>
            </li>
            
            <li>
            <i class="icon icon-_389"></i>
                <div class="code">\f19e</div>
                <div class="name">_389</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1A0"></i>
                <div class="code">\f1a0</div>
                <div class="name">uniF1A0</div>
            </li>
            
            <li>
            <i class="icon icon-f1a1"></i>
                <div class="code">\f1a1</div>
                <div class="name">f1a1</div>
            </li>
            
            <li>
            <i class="icon icon-_392"></i>
                <div class="code">\f1a2</div>
                <div class="name">_392</div>
            </li>
            
            <li>
            <i class="icon icon-_393"></i>
                <div class="code">\f1a3</div>
                <div class="name">_393</div>
            </li>
            
            <li>
            <i class="icon icon-f1a4"></i>
                <div class="code">\f1a4</div>
                <div class="name">f1a4</div>
            </li>
            
            <li>
            <i class="icon icon-_395"></i>
                <div class="code">\f1a5</div>
                <div class="name">_395</div>
            </li>
            
            <li>
            <i class="icon icon-_396"></i>
                <div class="code">\f1a6</div>
                <div class="name">_396</div>
            </li>
            
            <li>
            <i class="icon icon-_397"></i>
                <div class="code">\f1a7</div>
                <div class="name">_397</div>
            </li>
            
            <li>
            <i class="icon icon-_398"></i>
                <div class="code">\f1a8</div>
                <div class="name">_398</div>
            </li>
            
            <li>
            <i class="icon icon-_399"></i>
                <div class="code">\f1a9</div>
                <div class="name">_399</div>
            </li>
            
            <li>
            <i class="icon icon-_400"></i>
                <div class="code">\f1aa</div>
                <div class="name">_400</div>
            </li>
            
            <li>
            <i class="icon icon-f1ab"></i>
                <div class="code">\f1ab</div>
                <div class="name">f1ab</div>
            </li>
            
            <li>
            <i class="icon icon-_402"></i>
                <div class="code">\f1ac</div>
                <div class="name">_402</div>
            </li>
            
            <li>
            <i class="icon icon-_403"></i>
                <div class="code">\f1ad</div>
                <div class="name">_403</div>
            </li>
            
            <li>
            <i class="icon icon-_404"></i>
                <div class="code">\f1ae</div>
                <div class="name">_404</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1B1"></i>
                <div class="code">\f1b0</div>
                <div class="name">uniF1B1</div>
            </li>
            
            <li>
            <i class="icon icon-_406"></i>
                <div class="code">\f1b1</div>
                <div class="name">_406</div>
            </li>
            
            <li>
            <i class="icon icon-_407"></i>
                <div class="code">\f1b2</div>
                <div class="name">_407</div>
            </li>
            
            <li>
            <i class="icon icon-_408"></i>
                <div class="code">\f1b3</div>
                <div class="name">_408</div>
            </li>
            
            <li>
            <i class="icon icon-_409"></i>
                <div class="code">\f1b4</div>
                <div class="name">_409</div>
            </li>
            
            <li>
            <i class="icon icon-_410"></i>
                <div class="code">\f1b5</div>
                <div class="name">_410</div>
            </li>
            
            <li>
            <i class="icon icon-_411"></i>
                <div class="code">\f1b6</div>
                <div class="name">_411</div>
            </li>
            
            <li>
            <i class="icon icon-_412"></i>
                <div class="code">\f1b7</div>
                <div class="name">_412</div>
            </li>
            
            <li>
            <i class="icon icon-_413"></i>
                <div class="code">\f1b8</div>
                <div class="name">_413</div>
            </li>
            
            <li>
            <i class="icon icon-_414"></i>
                <div class="code">\f1b9</div>
                <div class="name">_414</div>
            </li>
            
            <li>
            <i class="icon icon-_415"></i>
                <div class="code">\f1ba</div>
                <div class="name">_415</div>
            </li>
            
            <li>
            <i class="icon icon-_416"></i>
                <div class="code">\f1bb</div>
                <div class="name">_416</div>
            </li>
            
            <li>
            <i class="icon icon-_417"></i>
                <div class="code">\f1bc</div>
                <div class="name">_417</div>
            </li>
            
            <li>
            <i class="icon icon-_418"></i>
                <div class="code">\f1bd</div>
                <div class="name">_418</div>
            </li>
            
            <li>
            <i class="icon icon-_419"></i>
                <div class="code">\f1be</div>
                <div class="name">_419</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1C0"></i>
                <div class="code">\f1c0</div>
                <div class="name">uniF1C0</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1C1"></i>
                <div class="code">\f1c1</div>
                <div class="name">uniF1C1</div>
            </li>
            
            <li>
            <i class="icon icon-_422"></i>
                <div class="code">\f1c2</div>
                <div class="name">_422</div>
            </li>
            
            <li>
            <i class="icon icon-_423"></i>
                <div class="code">\f1c3</div>
                <div class="name">_423</div>
            </li>
            
            <li>
            <i class="icon icon-_424"></i>
                <div class="code">\f1c4</div>
                <div class="name">_424</div>
            </li>
            
            <li>
            <i class="icon icon-_425"></i>
                <div class="code">\f1c5</div>
                <div class="name">_425</div>
            </li>
            
            <li>
            <i class="icon icon-_426"></i>
                <div class="code">\f1c6</div>
                <div class="name">_426</div>
            </li>
            
            <li>
            <i class="icon icon-_427"></i>
                <div class="code">\f1c7</div>
                <div class="name">_427</div>
            </li>
            
            <li>
            <i class="icon icon-_428"></i>
                <div class="code">\f1c8</div>
                <div class="name">_428</div>
            </li>
            
            <li>
            <i class="icon icon-_429"></i>
                <div class="code">\f1c9</div>
                <div class="name">_429</div>
            </li>
            
            <li>
            <i class="icon icon-_430"></i>
                <div class="code">\f1ca</div>
                <div class="name">_430</div>
            </li>
            
            <li>
            <i class="icon icon-_431"></i>
                <div class="code">\f1cb</div>
                <div class="name">_431</div>
            </li>
            
            <li>
            <i class="icon icon-_432"></i>
                <div class="code">\f1cc</div>
                <div class="name">_432</div>
            </li>
            
            <li>
            <i class="icon icon-_433"></i>
                <div class="code">\f1cd</div>
                <div class="name">_433</div>
            </li>
            
            <li>
            <i class="icon icon-_434"></i>
                <div class="code">\f1ce</div>
                <div class="name">_434</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D0"></i>
                <div class="code">\f1d0</div>
                <div class="name">uniF1D0</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D1"></i>
                <div class="code">\f1d1</div>
                <div class="name">uniF1D1</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D2"></i>
                <div class="code">\f1d2</div>
                <div class="name">uniF1D2</div>
            </li>
            
            <li>
            <i class="icon icon-_438"></i>
                <div class="code">\f1d3</div>
                <div class="name">_438</div>
            </li>
            
            <li>
            <i class="icon icon-_439"></i>
                <div class="code">\f1d4</div>
                <div class="name">_439</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D5"></i>
                <div class="code">\f1d5</div>
                <div class="name">uniF1D5</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D6"></i>
                <div class="code">\f1d6</div>
                <div class="name">uniF1D6</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1D7"></i>
                <div class="code">\f1d7</div>
                <div class="name">uniF1D7</div>
            </li>
            
            <li>
            <i class="icon icon-_443"></i>
                <div class="code">\f1d8</div>
                <div class="name">_443</div>
            </li>
            
            <li>
            <i class="icon icon-_444"></i>
                <div class="code">\f1d9</div>
                <div class="name">_444</div>
            </li>
            
            <li>
            <i class="icon icon-_445"></i>
                <div class="code">\f1da</div>
                <div class="name">_445</div>
            </li>
            
            <li>
            <i class="icon icon-_446"></i>
                <div class="code">\f1db</div>
                <div class="name">_446</div>
            </li>
            
            <li>
            <i class="icon icon-_447"></i>
                <div class="code">\f1dc</div>
                <div class="name">_447</div>
            </li>
            
            <li>
            <i class="icon icon-_448"></i>
                <div class="code">\f1dd</div>
                <div class="name">_448</div>
            </li>
            
            <li>
            <i class="icon icon-_449"></i>
                <div class="code">\f1de</div>
                <div class="name">_449</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1E0"></i>
                <div class="code">\f1e0</div>
                <div class="name">uniF1E0</div>
            </li>
            
            <li>
            <i class="icon icon-_451"></i>
                <div class="code">\f1e1</div>
                <div class="name">_451</div>
            </li>
            
            <li>
            <i class="icon icon-_452"></i>
                <div class="code">\f1e2</div>
                <div class="name">_452</div>
            </li>
            
            <li>
            <i class="icon icon-_453"></i>
                <div class="code">\f1e3</div>
                <div class="name">_453</div>
            </li>
            
            <li>
            <i class="icon icon-_454"></i>
                <div class="code">\f1e4</div>
                <div class="name">_454</div>
            </li>
            
            <li>
            <i class="icon icon-_455"></i>
                <div class="code">\f1e5</div>
                <div class="name">_455</div>
            </li>
            
            <li>
            <i class="icon icon-_456"></i>
                <div class="code">\f1e6</div>
                <div class="name">_456</div>
            </li>
            
            <li>
            <i class="icon icon-_457"></i>
                <div class="code">\f1e7</div>
                <div class="name">_457</div>
            </li>
            
            <li>
            <i class="icon icon-_458"></i>
                <div class="code">\f1e8</div>
                <div class="name">_458</div>
            </li>
            
            <li>
            <i class="icon icon-_459"></i>
                <div class="code">\f1e9</div>
                <div class="name">_459</div>
            </li>
            
            <li>
            <i class="icon icon-_460"></i>
                <div class="code">\f1ea</div>
                <div class="name">_460</div>
            </li>
            
            <li>
            <i class="icon icon-_461"></i>
                <div class="code">\f1eb</div>
                <div class="name">_461</div>
            </li>
            
            <li>
            <i class="icon icon-_462"></i>
                <div class="code">\f1ec</div>
                <div class="name">_462</div>
            </li>
            
            <li>
            <i class="icon icon-_463"></i>
                <div class="code">\f1ed</div>
                <div class="name">_463</div>
            </li>
            
            <li>
            <i class="icon icon-_464"></i>
                <div class="code">\f1ee</div>
                <div class="name">_464</div>
            </li>
            
            <li>
            <i class="icon icon-uniF1F0"></i>
                <div class="code">\f1f0</div>
                <div class="name">uniF1F0</div>
            </li>
            
            <li>
            <i class="icon icon-_466"></i>
                <div class="code">\f1f1</div>
                <div class="name">_466</div>
            </li>
            
            <li>
            <i class="icon icon-_467"></i>
                <div class="code">\f1f2</div>
                <div class="name">_467</div>
            </li>
            
            <li>
            <i class="icon icon-f1f3"></i>
                <div class="code">\f1f3</div>
                <div class="name">f1f3</div>
            </li>
            
            <li>
            <i class="icon icon-_469"></i>
                <div class="code">\f1f4</div>
                <div class="name">_469</div>
            </li>
            
            <li>
            <i class="icon icon-_470"></i>
                <div class="code">\f1f5</div>
                <div class="name">_470</div>
            </li>
            
            <li>
            <i class="icon icon-_471"></i>
                <div class="code">\f1f6</div>
                <div class="name">_471</div>
            </li>
            
            <li>
            <i class="icon icon-_472"></i>
                <div class="code">\f1f7</div>
                <div class="name">_472</div>
            </li>
            
            <li>
            <i class="icon icon-_473"></i>
                <div class="code">\f1f8</div>
                <div class="name">_473</div>
            </li>
            
            <li>
            <i class="icon icon-_474"></i>
                <div class="code">\f1f9</div>
                <div class="name">_474</div>
            </li>
            
            <li>
            <i class="icon icon-_475"></i>
                <div class="code">\f1fa</div>
                <div class="name">_475</div>
            </li>
            
            <li>
            <i class="icon icon-_476"></i>
                <div class="code">\f1fb</div>
                <div class="name">_476</div>
            </li>
            
            <li>
            <i class="icon icon-f1fc"></i>
                <div class="code">\f1fc</div>
                <div class="name">f1fc</div>
            </li>
            
            <li>
            <i class="icon icon-_478"></i>
                <div class="code">\f1fd</div>
                <div class="name">_478</div>
            </li>
            
            <li>
            <i class="icon icon-_479"></i>
                <div class="code">\f1fe</div>
                <div class="name">_479</div>
            </li>
            
            <li>
            <i class="icon icon-_480"></i>
                <div class="code">\f200</div>
                <div class="name">_480</div>
            </li>
            
            <li>
            <i class="icon icon-_481"></i>
                <div class="code">\f201</div>
                <div class="name">_481</div>
            </li>
            
            <li>
            <i class="icon icon-_482"></i>
                <div class="code">\f202</div>
                <div class="name">_482</div>
            </li>
            
            <li>
            <i class="icon icon-_483"></i>
                <div class="code">\f203</div>
                <div class="name">_483</div>
            </li>
            
            <li>
            <i class="icon icon-_484"></i>
                <div class="code">\f204</div>
                <div class="name">_484</div>
            </li>
            
            <li>
            <i class="icon icon-_485"></i>
                <div class="code">\f205</div>
                <div class="name">_485</div>
            </li>
            
            <li>
            <i class="icon icon-_486"></i>
                <div class="code">\f206</div>
                <div class="name">_486</div>
            </li>
            
            <li>
            <i class="icon icon-_487"></i>
                <div class="code">\f207</div>
                <div class="name">_487</div>
            </li>
            
            <li>
            <i class="icon icon-_488"></i>
                <div class="code">\f208</div>
                <div class="name">_488</div>
            </li>
            
            <li>
            <i class="icon icon-_489"></i>
                <div class="code">\f209</div>
                <div class="name">_489</div>
            </li>
            
            <li>
            <i class="icon icon-_490"></i>
                <div class="code">\f20a</div>
                <div class="name">_490</div>
            </li>
            
            <li>
            <i class="icon icon-_491"></i>
                <div class="code">\f20b</div>
                <div class="name">_491</div>
            </li>
            
            <li>
            <i class="icon icon-_492"></i>
                <div class="code">\f20c</div>
                <div class="name">_492</div>
            </li>
            
            <li>
            <i class="icon icon-_493"></i>
                <div class="code">\f20d</div>
                <div class="name">_493</div>
            </li>
            
            <li>
            <i class="icon icon-_494"></i>
                <div class="code">\f20e</div>
                <div class="name">_494</div>
            </li>
            
            <li>
            <i class="icon icon-f210"></i>
                <div class="code">\f210</div>
                <div class="name">f210</div>
            </li>
            
            <li>
            <i class="icon icon-_496"></i>
                <div class="code">\f211</div>
                <div class="name">_496</div>
            </li>
            
            <li>
            <i class="icon icon-f212"></i>
                <div class="code">\f212</div>
                <div class="name">f212</div>
            </li>
            
            <li>
            <i class="icon icon-_498"></i>
                <div class="code">\f213</div>
                <div class="name">_498</div>
            </li>
            
            <li>
            <i class="icon icon-_499"></i>
                <div class="code">\f214</div>
                <div class="name">_499</div>
            </li>
            
            <li>
            <i class="icon icon-_500"></i>
                <div class="code">\f215</div>
                <div class="name">_500</div>
            </li>
            
            <li>
            <i class="icon icon-_501"></i>
                <div class="code">\f216</div>
                <div class="name">_501</div>
            </li>
            
            <li>
            <i class="icon icon-_502"></i>
                <div class="code">\f217</div>
                <div class="name">_502</div>
            </li>
            
            <li>
            <i class="icon icon-_503"></i>
                <div class="code">\f218</div>
                <div class="name">_503</div>
            </li>
            
            <li>
            <i class="icon icon-_504"></i>
                <div class="code">\f219</div>
                <div class="name">_504</div>
            </li>
            
            <li>
            <i class="icon icon-_505"></i>
                <div class="code">\f21a</div>
                <div class="name">_505</div>
            </li>
            
            <li>
            <i class="icon icon-_506"></i>
                <div class="code">\f21b</div>
                <div class="name">_506</div>
            </li>
            
            <li>
            <i class="icon icon-_507"></i>
                <div class="code">\f21c</div>
                <div class="name">_507</div>
            </li>
            
            <li>
            <i class="icon icon-_508"></i>
                <div class="code">\f21d</div>
                <div class="name">_508</div>
            </li>
            
            <li>
            <i class="icon icon-_509"></i>
                <div class="code">\f21e</div>
                <div class="name">_509</div>
            </li>
            
            <li>
            <i class="icon icon-venus"></i>
                <div class="code">\f221</div>
                <div class="name">venus</div>
            </li>
            
            <li>
            <i class="icon icon-_511"></i>
                <div class="code">\f222</div>
                <div class="name">_511</div>
            </li>
            
            <li>
            <i class="icon icon-_512"></i>
                <div class="code">\f223</div>
                <div class="name">_512</div>
            </li>
            
            <li>
            <i class="icon icon-_513"></i>
                <div class="code">\f224</div>
                <div class="name">_513</div>
            </li>
            
            <li>
            <i class="icon icon-_514"></i>
                <div class="code">\f225</div>
                <div class="name">_514</div>
            </li>
            
            <li>
            <i class="icon icon-_515"></i>
                <div class="code">\f226</div>
                <div class="name">_515</div>
            </li>
            
            <li>
            <i class="icon icon-_516"></i>
                <div class="code">\f227</div>
                <div class="name">_516</div>
            </li>
            
            <li>
            <i class="icon icon-_517"></i>
                <div class="code">\f228</div>
                <div class="name">_517</div>
            </li>
            
            <li>
            <i class="icon icon-_518"></i>
                <div class="code">\f229</div>
                <div class="name">_518</div>
            </li>
            
            <li>
            <i class="icon icon-_519"></i>
                <div class="code">\f22a</div>
                <div class="name">_519</div>
            </li>
            
            <li>
            <i class="icon icon-_520"></i>
                <div class="code">\f22b</div>
                <div class="name">_520</div>
            </li>
            
            <li>
            <i class="icon icon-_521"></i>
                <div class="code">\f22c</div>
                <div class="name">_521</div>
            </li>
            
            <li>
            <i class="icon icon-_522"></i>
                <div class="code">\f22d</div>
                <div class="name">_522</div>
            </li>
            
            <li>
            <i class="icon icon-_523"></i>
                <div class="code">\f22e</div>
                <div class="name">_523</div>
            </li>
            
            <li>
            <i class="icon icon-_524"></i>
                <div class="code">\f22f</div>
                <div class="name">_524</div>
            </li>
            
            <li>
            <i class="icon icon-_525"></i>
                <div class="code">\f230</div>
                <div class="name">_525</div>
            </li>
            
            <li>
            <i class="icon icon-_526"></i>
                <div class="code">\f231</div>
                <div class="name">_526</div>
            </li>
            
            <li>
            <i class="icon icon-_527"></i>
                <div class="code">\f232</div>
                <div class="name">_527</div>
            </li>
            
            <li>
            <i class="icon icon-_528"></i>
                <div class="code">\f233</div>
                <div class="name">_528</div>
            </li>
            
            <li>
            <i class="icon icon-_529"></i>
                <div class="code">\f234</div>
                <div class="name">_529</div>
            </li>
            
            <li>
            <i class="icon icon-_530"></i>
                <div class="code">\f235</div>
                <div class="name">_530</div>
            </li>
            
            <li>
            <i class="icon icon-_531"></i>
                <div class="code">\f236</div>
                <div class="name">_531</div>
            </li>
            
            <li>
            <i class="icon icon-_532"></i>
                <div class="code">\f237</div>
                <div class="name">_532</div>
            </li>
            
            <li>
            <i class="icon icon-_533"></i>
                <div class="code">\f238</div>
                <div class="name">_533</div>
            </li>
            
            <li>
            <i class="icon icon-_534"></i>
                <div class="code">\f239</div>
                <div class="name">_534</div>
            </li>
            
            <li>
            <i class="icon icon-_535"></i>
                <div class="code">\f23a</div>
                <div class="name">_535</div>
            </li>
            
            <li>
            <i class="icon icon-_536"></i>
                <div class="code">\f23b</div>
                <div class="name">_536</div>
            </li>
            
            <li>
            <i class="icon icon-_537"></i>
                <div class="code">\f23c</div>
                <div class="name">_537</div>
            </li>
            
            <li>
            <i class="icon icon-_538"></i>
                <div class="code">\f23d</div>
                <div class="name">_538</div>
            </li>
            
            <li>
            <i class="icon icon-_539"></i>
                <div class="code">\f23e</div>
                <div class="name">_539</div>
            </li>
            
            <li>
            <i class="icon icon-_540"></i>
                <div class="code">\f240</div>
                <div class="name">_540</div>
            </li>
            
            <li>
            <i class="icon icon-_541"></i>
                <div class="code">\f241</div>
                <div class="name">_541</div>
            </li>
            
            <li>
            <i class="icon icon-_542"></i>
                <div class="code">\f242</div>
                <div class="name">_542</div>
            </li>
            
            <li>
            <i class="icon icon-_543"></i>
                <div class="code">\f243</div>
                <div class="name">_543</div>
            </li>
            
            <li>
            <i class="icon icon-_544"></i>
                <div class="code">\f244</div>
                <div class="name">_544</div>
            </li>
            
            <li>
            <i class="icon icon-_545"></i>
                <div class="code">\f245</div>
                <div class="name">_545</div>
            </li>
            
            <li>
            <i class="icon icon-_546"></i>
                <div class="code">\f246</div>
                <div class="name">_546</div>
            </li>
            
            <li>
            <i class="icon icon-_547"></i>
                <div class="code">\f247</div>
                <div class="name">_547</div>
            </li>
            
            <li>
            <i class="icon icon-_548"></i>
                <div class="code">\f248</div>
                <div class="name">_548</div>
            </li>
            
            <li>
            <i class="icon icon-_549"></i>
                <div class="code">\f249</div>
                <div class="name">_549</div>
            </li>
            
            <li>
            <i class="icon icon-_550"></i>
                <div class="code">\f24a</div>
                <div class="name">_550</div>
            </li>
            
            <li>
            <i class="icon icon-_551"></i>
                <div class="code">\f24b</div>
                <div class="name">_551</div>
            </li>
            
            <li>
            <i class="icon icon-_552"></i>
                <div class="code">\f24c</div>
                <div class="name">_552</div>
            </li>
            
            <li>
            <i class="icon icon-_553"></i>
                <div class="code">\f24d</div>
                <div class="name">_553</div>
            </li>
            
            <li>
            <i class="icon icon-_554"></i>
                <div class="code">\f24e</div>
                <div class="name">_554</div>
            </li>
            
            <li>
            <i class="icon icon-_555"></i>
                <div class="code">\f250</div>
                <div class="name">_555</div>
            </li>
            
            <li>
            <i class="icon icon-_556"></i>
                <div class="code">\f251</div>
                <div class="name">_556</div>
            </li>
            
            <li>
            <i class="icon icon-_557"></i>
                <div class="code">\f252</div>
                <div class="name">_557</div>
            </li>
            
            <li>
            <i class="icon icon-_558"></i>
                <div class="code">\f253</div>
                <div class="name">_558</div>
            </li>
            
            <li>
            <i class="icon icon-_559"></i>
                <div class="code">\f254</div>
                <div class="name">_559</div>
            </li>
            
            <li>
            <i class="icon icon-_560"></i>
                <div class="code">\f255</div>
                <div class="name">_560</div>
            </li>
            
            <li>
            <i class="icon icon-_561"></i>
                <div class="code">\f256</div>
                <div class="name">_561</div>
            </li>
            
            <li>
            <i class="icon icon-_562"></i>
                <div class="code">\f257</div>
                <div class="name">_562</div>
            </li>
            
            <li>
            <i class="icon icon-_563"></i>
                <div class="code">\f258</div>
                <div class="name">_563</div>
            </li>
            
            <li>
            <i class="icon icon-_564"></i>
                <div class="code">\f259</div>
                <div class="name">_564</div>
            </li>
            
            <li>
            <i class="icon icon-_565"></i>
                <div class="code">\f25a</div>
                <div class="name">_565</div>
            </li>
            
            <li>
            <i class="icon icon-_566"></i>
                <div class="code">\f25b</div>
                <div class="name">_566</div>
            </li>
            
            <li>
            <i class="icon icon-_567"></i>
                <div class="code">\f25c</div>
                <div class="name">_567</div>
            </li>
            
            <li>
            <i class="icon icon-_568"></i>
                <div class="code">\f25d</div>
                <div class="name">_568</div>
            </li>
            
            <li>
            <i class="icon icon-_569"></i>
                <div class="code">\f25e</div>
                <div class="name">_569</div>
            </li>
            
            <li>
            <i class="icon icon-f260"></i>
                <div class="code">\f260</div>
                <div class="name">f260</div>
            </li>
            
            <li>
            <i class="icon icon-f261"></i>
                <div class="code">\f261</div>
                <div class="name">f261</div>
            </li>
            
            <li>
            <i class="icon icon-_572"></i>
                <div class="code">\f262</div>
                <div class="name">_572</div>
            </li>
            
            <li>
            <i class="icon icon-f263"></i>
                <div class="code">\f263</div>
                <div class="name">f263</div>
            </li>
            
            <li>
            <i class="icon icon-_574"></i>
                <div class="code">\f264</div>
                <div class="name">_574</div>
            </li>
            
            <li>
            <i class="icon icon-_575"></i>
                <div class="code">\f265</div>
                <div class="name">_575</div>
            </li>
            
            <li>
            <i class="icon icon-_576"></i>
                <div class="code">\f266</div>
                <div class="name">_576</div>
            </li>
            
            <li>
            <i class="icon icon-_577"></i>
                <div class="code">\f267</div>
                <div class="name">_577</div>
            </li>
            
            <li>
            <i class="icon icon-_578"></i>
                <div class="code">\f268</div>
                <div class="name">_578</div>
            </li>
            
            <li>
            <i class="icon icon-_579"></i>
                <div class="code">\f269</div>
                <div class="name">_579</div>
            </li>
            
            <li>
            <i class="icon icon-_580"></i>
                <div class="code">\f26a</div>
                <div class="name">_580</div>
            </li>
            
            <li>
            <i class="icon icon-_581"></i>
                <div class="code">\f26b</div>
                <div class="name">_581</div>
            </li>
            
            <li>
            <i class="icon icon-_582"></i>
                <div class="code">\f26c</div>
                <div class="name">_582</div>
            </li>
            
            <li>
            <i class="icon icon-_583"></i>
                <div class="code">\f26d</div>
                <div class="name">_583</div>
            </li>
            
            <li>
            <i class="icon icon-_584"></i>
                <div class="code">\f26e</div>
                <div class="name">_584</div>
            </li>
            
            <li>
            <i class="icon icon-_585"></i>
                <div class="code">\f270</div>
                <div class="name">_585</div>
            </li>
            
            <li>
            <i class="icon icon-_586"></i>
                <div class="code">\f271</div>
                <div class="name">_586</div>
            </li>
            
            <li>
            <i class="icon icon-_587"></i>
                <div class="code">\f272</div>
                <div class="name">_587</div>
            </li>
            
            <li>
            <i class="icon icon-_588"></i>
                <div class="code">\f273</div>
                <div class="name">_588</div>
            </li>
            
            <li>
            <i class="icon icon-_589"></i>
                <div class="code">\f274</div>
                <div class="name">_589</div>
            </li>
            
            <li>
            <i class="icon icon-_590"></i>
                <div class="code">\f275</div>
                <div class="name">_590</div>
            </li>
            
            <li>
            <i class="icon icon-_591"></i>
                <div class="code">\f276</div>
                <div class="name">_591</div>
            </li>
            
            <li>
            <i class="icon icon-_592"></i>
                <div class="code">\f277</div>
                <div class="name">_592</div>
            </li>
            
            <li>
            <i class="icon icon-_593"></i>
                <div class="code">\f278</div>
                <div class="name">_593</div>
            </li>
            
            <li>
            <i class="icon icon-_594"></i>
                <div class="code">\f279</div>
                <div class="name">_594</div>
            </li>
            
            <li>
            <i class="icon icon-_595"></i>
                <div class="code">\f27a</div>
                <div class="name">_595</div>
            </li>
            
            <li>
            <i class="icon icon-_596"></i>
                <div class="code">\f27b</div>
                <div class="name">_596</div>
            </li>
            
            <li>
            <i class="icon icon-_597"></i>
                <div class="code">\f27c</div>
                <div class="name">_597</div>
            </li>
            
            <li>
            <i class="icon icon-_598"></i>
                <div class="code">\f27d</div>
                <div class="name">_598</div>
            </li>
            
            <li>
            <i class="icon icon-f27e"></i>
                <div class="code">\f27e</div>
                <div class="name">f27e</div>
            </li>
            
            <li>
            <i class="icon icon-uniF280"></i>
                <div class="code">\f280</div>
                <div class="name">uniF280</div>
            </li>
            
            <li>
            <i class="icon icon-uniF281"></i>
                <div class="code">\f281</div>
                <div class="name">uniF281</div>
            </li>
            
            <li>
            <i class="icon icon-_602"></i>
                <div class="code">\f282</div>
                <div class="name">_602</div>
            </li>
            
            <li>
            <i class="icon icon-_603"></i>
                <div class="code">\f283</div>
                <div class="name">_603</div>
            </li>
            
            <li>
            <i class="icon icon-_604"></i>
                <div class="code">\f284</div>
                <div class="name">_604</div>
            </li>
            
            <li>
            <i class="icon icon-uniF285"></i>
                <div class="code">\f285</div>
                <div class="name">uniF285</div>
            </li>
            
            <li>
            <i class="icon icon-uniF286"></i>
                <div class="code">\f286</div>
                <div class="name">uniF286</div>
            </li>
            
            <li>
            <i class="icon icon-_607"></i>
                <div class="code">\f287</div>
                <div class="name">_607</div>
            </li>
            
            <li>
            <i class="icon icon-_608"></i>
                <div class="code">\f288</div>
                <div class="name">_608</div>
            </li>
            
            <li>
            <i class="icon icon-_609"></i>
                <div class="code">\f289</div>
                <div class="name">_609</div>
            </li>
            
            <li>
            <i class="icon icon-_610"></i>
                <div class="code">\f28a</div>
                <div class="name">_610</div>
            </li>
            
            <li>
            <i class="icon icon-_611"></i>
                <div class="code">\f28b</div>
                <div class="name">_611</div>
            </li>
            
            <li>
            <i class="icon icon-_612"></i>
                <div class="code">\f28c</div>
                <div class="name">_612</div>
            </li>
            
            <li>
            <i class="icon icon-_613"></i>
                <div class="code">\f28d</div>
                <div class="name">_613</div>
            </li>
            
            <li>
            <i class="icon icon-_614"></i>
                <div class="code">\f28e</div>
                <div class="name">_614</div>
            </li>
            
            <li>
            <i class="icon icon-_615"></i>
                <div class="code">\f290</div>
                <div class="name">_615</div>
            </li>
            
            <li>
            <i class="icon icon-_616"></i>
                <div class="code">\f291</div>
                <div class="name">_616</div>
            </li>
            
            <li>
            <i class="icon icon-_617"></i>
                <div class="code">\f292</div>
                <div class="name">_617</div>
            </li>
            
            <li>
            <i class="icon icon-_618"></i>
                <div class="code">\f293</div>
                <div class="name">_618</div>
            </li>
            
            <li>
            <i class="icon icon-_619"></i>
                <div class="code">\f294</div>
                <div class="name">_619</div>
            </li>
            
            <li>
            <i class="icon icon-_620"></i>
                <div class="code">\f295</div>
                <div class="name">_620</div>
            </li>
            
            <li>
            <i class="icon icon-_621"></i>
                <div class="code">\f296</div>
                <div class="name">_621</div>
            </li>
            
            <li>
            <i class="icon icon-_622"></i>
                <div class="code">\f297</div>
                <div class="name">_622</div>
            </li>
            
            <li>
            <i class="icon icon-_623"></i>
                <div class="code">\f298</div>
                <div class="name">_623</div>
            </li>
            
            <li>
            <i class="icon icon-_624"></i>
                <div class="code">\f299</div>
                <div class="name">_624</div>
            </li>
            
            <li>
            <i class="icon icon-_625"></i>
                <div class="code">\f29a</div>
                <div class="name">_625</div>
            </li>
            
            <li>
            <i class="icon icon-_626"></i>
                <div class="code">\f29b</div>
                <div class="name">_626</div>
            </li>
            
            <li>
            <i class="icon icon-_627"></i>
                <div class="code">\f29c</div>
                <div class="name">_627</div>
            </li>
            
            <li>
            <i class="icon icon-_628"></i>
                <div class="code">\f29d</div>
                <div class="name">_628</div>
            </li>
            
            <li>
            <i class="icon icon-_629"></i>
                <div class="code">\f29e</div>
                <div class="name">_629</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A0"></i>
                <div class="code">\f2a0</div>
                <div class="name">uniF2A0</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A1"></i>
                <div class="code">\f2a1</div>
                <div class="name">uniF2A1</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A2"></i>
                <div class="code">\f2a2</div>
                <div class="name">uniF2A2</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A3"></i>
                <div class="code">\f2a3</div>
                <div class="name">uniF2A3</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A4"></i>
                <div class="code">\f2a4</div>
                <div class="name">uniF2A4</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A5"></i>
                <div class="code">\f2a5</div>
                <div class="name">uniF2A5</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A6"></i>
                <div class="code">\f2a6</div>
                <div class="name">uniF2A6</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A7"></i>
                <div class="code">\f2a7</div>
                <div class="name">uniF2A7</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A8"></i>
                <div class="code">\f2a8</div>
                <div class="name">uniF2A8</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2A9"></i>
                <div class="code">\f2a9</div>
                <div class="name">uniF2A9</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2AA"></i>
                <div class="code">\f2aa</div>
                <div class="name">uniF2AA</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2AB"></i>
                <div class="code">\f2ab</div>
                <div class="name">uniF2AB</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2AC"></i>
                <div class="code">\f2ac</div>
                <div class="name">uniF2AC</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2AD"></i>
                <div class="code">\f2ad</div>
                <div class="name">uniF2AD</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2AE"></i>
                <div class="code">\f2ae</div>
                <div class="name">uniF2AE</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B0"></i>
                <div class="code">\f2b0</div>
                <div class="name">uniF2B0</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B1"></i>
                <div class="code">\f2b1</div>
                <div class="name">uniF2B1</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B2"></i>
                <div class="code">\f2b2</div>
                <div class="name">uniF2B2</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B3"></i>
                <div class="code">\f2b3</div>
                <div class="name">uniF2B3</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B4"></i>
                <div class="code">\f2b4</div>
                <div class="name">uniF2B4</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B5"></i>
                <div class="code">\f2b5</div>
                <div class="name">uniF2B5</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B6"></i>
                <div class="code">\f2b6</div>
                <div class="name">uniF2B6</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B7"></i>
                <div class="code">\f2b7</div>
                <div class="name">uniF2B7</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B8"></i>
                <div class="code">\f2b8</div>
                <div class="name">uniF2B8</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2B9"></i>
                <div class="code">\f2b9</div>
                <div class="name">uniF2B9</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2BA"></i>
                <div class="code">\f2ba</div>
                <div class="name">uniF2BA</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2BB"></i>
                <div class="code">\f2bb</div>
                <div class="name">uniF2BB</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2BC"></i>
                <div class="code">\f2bc</div>
                <div class="name">uniF2BC</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2BD"></i>
                <div class="code">\f2bd</div>
                <div class="name">uniF2BD</div>
            </li>
            
            <li>
            <i class="icon icon-uniF2BE"></i>
                <div class="code">\f2be</div>
                <div class="name">uniF2BE</div>
            </li>
            
            <li>
            <i class="icon icon-lessequal"></i>
                <div class="code">\f500</div>
                <div class="name">lessequal</div>
            </li>
            
        </ul>
    </div>

</body>
</html>
